<template>
  <div class="form-preview-address-box">
    <div class="form-preview-group">
      <label>
        <!-- {{ field.displayName }} -->
        {{_displayName}} 
        <span class="form-preview-notNull" v-if="field.isNull == 0">*</span>
        <i class="iconfont icon-yidongduanxianshi" v-if="field.isAppShow === 1"></i>
      </label>
      <div class="form-preview-mock">
        <p class="form-preview-control form-preview-withIcon">
          <i class="iconfont icon-fdn-select"></i>
        </p>
      </div>
    </div>
    <div class="form-preview-group">
      <label>
        {{parseAddress}} <span class="form-preview-notNull" v-if="field.isNull == 0">*</span
        ><i class="iconfont icon-yidongduanxianshi" v-if="field.isAppShow === 1"></i
      ></label>
    </div>
  </div>
</template>

<script>
import { previewProps } from "@src/component/form/components/props";
import translate from '@src/component/form/mixin/translate.js'
import { transformI18n } from '@src/locales'

export default {
  name: "form-product-complete-address-preview",
  props: previewProps,
  mixins:[translate],
  computed:{
    parseAddress(){
      return transformI18n('common.form.preview.address.resolve', this.formPreviewLocale)
    }
  }
};
</script>
<style lang="scss" scoped>
.form-preview-address-box {
  .form-preview-group {
    border-bottom: 1px solid #f5f5f5;
  }
}
</style>
